<template>
  <div>
    <div class="aty-modal-mask"></div>
    <div :class="wrapClasses">
      <div :style="circleSize" :class="circleInner">
        <svg viewBox="0 0 100 100">
          <path :d="pathString" :stroke="trailColor" :stroke-width="5" :fill-opacity="0" />
          <path :d="pathString" :stroke-linecap="strokeLinecap" :stroke="strokeColor" :stroke-width="6"
                fill-opacity="0" :style="pathStyle" />
        </svg>
        <div :style="fontStyle">
          <slot><h3>{{ percent }}%</h3></slot>
        </div>
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6" src="./index.js"></script>
